.order-fulfillment {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	background: var( --color-primary-0 );

	&.is-completed {
		background: transparent;

		.order-fulfillment__label .gridicon {
			color: var( --color-success );
		}
	}
}

.order-fulfillment__print-container {
	display: flex;
	align-items: center;
	margin-top: 16px;
	@include breakpoint-deprecated( '>960px' ) {
		margin-top: 0;
	}
}

.order-fulfillment__tracking,
.order-fulfillment__email {
	margin: 0 0 24px;
}

&.dialog__content.order-fulfillment {
	.form-text-input {
		text-align: left;
	}
}
